canvas {
    position:absolute;
    position:absolute;
    top:50%;
    left:50%;
    margin-top: -300px;
    margin-left: -400px;
}
body, html {
 position:absolute;
 height:100%;
 width:100%;
 margin:0;
 padding:0;
 background-image: url(../img/backgrounds/4661.jpg);
}
h1 {
    Color:Red;
    text-align:center;
}
.hits0, .hits1 {
    height:20px;
    width:200px;
    background-color:Red;
    border:2px solid Red;
}
.hits0 {
    float:right;
    text-align:right;
}
.hits1 {
    float:left;
    text-align:left;
}
.hitsCont {
    width:800px;
    height:600px;
    position:absolute;
    top:100px;
    left:50%;
    margin-left:-400px;
    padding:5px;
    z-index:1000;
}
.hitsLine {
    width:200px;
    height:20px;
    background-color:green;
    display:inline-block;
}
#log {
    width:200px;
    overflow: auto;
    position:absolute;
    top:0px;
    bottom:0px;
}
#battle-field-background div {
    position:relative;
    height:100%;
    width:100%;
    -moz-box-shadow: 0 0 5px 5px #333, inset 0 0 10px 10px #111;
    -webkit-box-shadow: 0 0 5px 5px #333, inset 0 0 10px 10px #111;
    box-shadow: 0 0 5px 5px #333, inset 0 0 10px 10px #111;
    border-radius: 4px;
}
#battle-field-background {
    position:absolute;
    top:50%;
    left:50%;
    height:600px;
    width:800px;
    margin-top: -300px;
    margin-left: -400px;
    background-image: url(../img/backgrounds/grass_4.jpg);
    border-width: 26px 26px 26px 26px;
    -moz-border-image: url(../img/borders/2.gif) 237 213 220 230 repeat;
    -webkit-border-image: url(../img/borders/2.gif) 237 213 220 230 repeat;
    -o-border-image: url(../img/borders/2.gif) 237 213 220 230 repeat;
    border-image: url(../img/borders/2.gif) 237 213 220 230 repeat;
    -moz-box-shadow: 0 0 5px 5px #000, inset 0 0 5px 5px #000;
    -webkit-box-shadow: 0 0 5px 5px#000, inset 0 0 5px 5px #000;
    box-shadow: 0 0 5px 5px #000, inset 0 0 5px 5px #000;
}
#battle-field {
    position:absolute;
    top:50%;
    left:50%;
    height:600px;
    width:800px;
    margin-top: -300px;
    margin-left: -400px;
    cursor: url(../img/cursors/curseurSword.png);
    z-index: 10;
}
